/*
// font-family : Arial
// #ffffff; - white text 	#ffffff;/#fff;
// #f4ddbc; - other white text	#ffddbb;/#fbd;
// #fdba51  - yellow		#ffbb55;/#fb5;
// #cc6c46  - red		#cc6644;/#c64;
// #3f6475  - blu		#336677;/#367;
*/

body{
 font-family: Arial;
 background-color:#fff;
}

div{
 position:relative;
 display:block;
}

#wrap{
 width:800px;
 height:600px;
 padding:0px;
 margin:auto;
 overflow:hidden;
 background-color:#888;
 border:1px solid #333;
}

#notes{
 width:780px;
 height:30px;
 margin:auto;
 padding:10px;
 color:#fdb;
 background-color:#c64;
 border:1px solid #333;
}

div.holder{
 float:left;
}

input.btn{
 width:80px;
 height:500px;
 background-color:#367;
 font-size:50px;
 vertical-align:middle;
 color:#145;
 border-width:5px;
 border-color:#fb5;
 outline:none;
}

#area0{
 width:640px;
 height:500px;
 float:left;
 padding:0px;
 /*background-color:#367;*/
 background-color:#888;
}

.infoPage{
 top:0px;
 left:0px;
 position:absolute;
 width:610px;
 height:500px;
 text-align:center;
 padding:15px;
}

.dataEntry{
 top:0px;
 left:0px;
 height:0px;
 width:0px;
 display:none;
 visibility:hidden;
 overflow:hidden;
}

.category{
 height:80px;
 width:80px;
 border: 2px solid #fff;
}

.category:hover{
 border-color:#fc0;
}

.migHolder{
 height:128px;
}

img{
 position:relative;
}

li:hover{font-weight:bold;}

.X:hover{color:#ffffff;}
.X:active{font-weight:bold}
.Y:hover{color:#cc6644;}
.Y:active{font-weight:bold;}

K { color:#fb5;}
K:hover { color:#fff; }
J { color:#fff;}
J:hover { color:#c64; }

